<!-- <template>
	<div id="my">
		<header>
			 <ul>
         <li></li>
         <li></li>
         <li><img v-bind:src="imgs"></li>
       </ul>
       <nav>
         <img v-bind:src="img">
         <button>{{button}}</button>
       </nav>
		</header>
		<article>
      <ul>
          <li v-for="list in lists">
            <img v-bind:src="list.imgs">
            <a href="#">{{list.text}}</a>
          </li>
        </ul>  
    </article>
    <div class="nav">
      <ul>
        <li v-for="test in testinfo">
          <div class="left">
            <img v-bind:src="test.imgs">
            <p>{{test.text}}</p>
          </div>
          <div class="right"><img v-bind:src="test.img"></div>
        </li>
      </ul>
    </div>
    <div class="article">
      <ul>
        <li v-for="set in setinfo">
          <div class="left">
            <img v-bind:src="set.imgs">
            <p>{{set.text}}</p>
          </div>
          <div class="right"><img v-bind:src="set.img"></div>
        </li>
      </ul>
    </div>
		<footer>
			<ul>
				<li v-for="info in infos">
          <router-link :to="info.path">
					<img v-bind:src="info.imgs">
					<a href="#">{{info.test}}</a>
          </router-link>
				</li>
			</ul>
		</footer>
	</div>
</template>

<script>
import axios from "axios"
export default {
  name: 'my',
  data(){
    return{
       dingdan:"我的全部购物车",
       imgs:"../static/img/head-shezhi.png",
       img:"../static/img/head-touxiang.png",
       button:"登录/注册",
       infos:[
           {
           	imgs:"../static/img/menus1-1.png",
           	test:"首页",
            path:"index"
           },
           {
           	imgs:"../static/img/menus2.png",
           	test:"分类",
            path:"index"
           },
           {
           	imgs:"../static/img/menus3.png",
           	test:"购物车",
            path:"shopping"
           },
           {
           	imgs:"../static/img/menus4.png",
           	test:"订单",
            path:"dingdan"
           },
           {
           	imgs:"../static/img/menus5-1.png",
           	test:"我的",
            path:"/my"
           }
       ],
       lists:[
          {
            imgs:"../static/img/qianbao.png",
            text:"我的钱包"
          },
          {
            imgs:"../static/img/hengxian.png",
            text:"我的钱包"
          },
          {
            imgs:"../static/img/hengxian.png",
            text:"我的钱包"
          }
       ],
       
       testinfo:[
        {
          imgs:"../static/img/guanzhu.png",
          text:"我的关注",
          img:"../static/img/right-jiantou.png"
        },
        {
          imgs:"../static/img/pingjia.png",
          text:"我的评价",
          img:"../static/img/right-jiantou.png"
        },
        {
          imgs:"../static/img/dizhi.png",
          text:"地址管理",
          img:"../static/img/right-jiantou.png"
        }
       ],
       setinfo:[]

    }
  },
  mounted(){
    axios.get('../../static/json/my.json')
        .then(response => {
        this.setinfo= response.data
      })
      
  }
}
</script>

<style scoped lang="less">
@import '.././assets/less/style.less';
@import '.././assets/css/reset.css';
@import '.././assets/less/my.less';
@import '.././assets/css/swiper.css';


</style>
 -->